@font-face {
  font-family: 'Roboto';
  src: url('http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic');
}
/**************** BODY ************/
body
{
	background-color: #FFFFFF;
	font-family: Roboto, sans-serif;
	color: #000000;
	text-decoration: none;
	padding: 0px 5% 0px 5%;
}
/**************** MENU-LATERAL ************/
#navlist {
    float: right;
	margin-top: 8em;
	position: fixed;
	width: 10%;
	height: 100%;
	margin-right: 0.2em;
}
#navlist ul {
    list-style: none;
}
#navlist li a{
	display: block;
    height: 2em;
    width: 100%;
    padding: 1em;
    margin-bottom: 0.2em;
    background: #FFA500;
    color: #FFFFFF;
    font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
#navlist li a:hover {
    color: #FFA500;
    background: #FFFFFF;
    border-right: 0.2em solid #FFA500;
}
#navlist li  a:active {
    background: #FFA500;
    color: #FFFFFF;
    border-right: 0.2em solid #CC7A00;
}
/**************** MENU-ARRIBA ************/
#header-contenedor {
	height: 1.6em;
}
ul.header
{
	width: 100%;
	font-size: 1.2em;
	background-color: #FFA500;
	margin-bottom: 1em;
	float: left;
	text-align: center;
	padding: 0.2em 0px 0.2em 0px;
	font-weight: bold;
}
ul.header-fijo {
	position: fixed;
	width: 100%;
	font-size: 1em;
	background-color: #FFA500;
	text-align: center;
	top: 0px;
	left: 0px;
	padding: 0.2em 0px 0.2em 0px;
	margin-top: 0px;
	
}
#header-contenedor li {
	display: inline-block;
}
#header-contenedor a
{
	text-decoration: none;
	padding-right: 1em;
}
#header-contenedor a:link
{
	color: #FFFFFF;
}
#header-contenedor a:visited 
{
	color: #FFFFFF;
}
#header-contenedor a:hover 
{
	color: #000000;
}
#header-contenedor a:active 
{
	color: #000000;
}
/**************** DATOS-ARRIBA ************/
#subheader
{
	float: left;
	width: 100%;
}
#subheader div.logo{
	float: left;
}
#subheader .logo_infocom {
	width: 20em;
	height: auto;	
}
#subheader #datos{
	float: right;
	color: #8F8F8F;
	font-size: 0.9em;
}
/**************** FOOTER ************/
#footer
{
	background-color: #f0f0f0;
	width: 100%;
	height: 6em;
	float:left;
	left: 0px;
	bottom: 0px;
	margin-top: 1.8em;
}
#footer p{
	text-align: center;
	text-decoration: none;
	color: #8f8f8f;
	font-size: 0.8em;
}
/**************** MENU-CONTENIDOS ************/
#index {
	margin-right: 0px;
	list-style: none;
	list-style-image: url("../images/logoinfocom_solo.png");
    list-style-type: none;
    float: left;
    width: 98%;
}
#index li
{
	margin-bottom: 0.2em;
}
#index li a{
    color: #FFA500;
    font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}
#index li a hover {
    color: #FFA500;
    background: #FFFFFF;
    border-right: 0.2em solid #FFA500;
}
#index li a:active {
    background: #FFA500;
    color: #FFFFFF;
    border-right: 0.2em solid #CC7A00;
}
/**************** MENU-CONTENIDOS-WIKI ************/
#index2 {
	margin-right: 0px;
	list-style: none;
    list-style-type: none;
    float: left;
    width: 98%;
}
#index2 li.wiki
{
	margin-bottom: 5px;
	border: 2px solid #D1CFCD;
	width: 98%;
	height: 2em;
	vertical-align: center;
	padding: 1em 0em 1em 0em ;
}
#index2 li a{
    color: #929190;
    font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
#index2 li a hover {
    color: #FFA500;
    background: #FFFFFF;
    border-right: 4px solid #FFA500;
}
#index2 li a:active {
    background: #FFA500;
    color: #FFFFFF;
    border-right: 4px solid #CC7A00;
}
/**************** TEXTO ****************/
a.naranja
{
	text-decoration: underline;
	color: #FFA500;
	font-size: 1em;
}
.texto
{
	text-decoration: none;
	font-size: 1em;
}
.error
{
	text-decoration: none;
	color: #CC0000;
	font-size: 0.8em;
}
/**************** PARAGRAPH ************/
p
{
	text-decoration: none;
	text-align: justify;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 1em;
}
p.normal_gris
{
	color: #8f8f8f;
}
p.normal_blanco
{
	color: #FFFFFF;
}
p.normal_naranja
{
	color: #FFA500;
}
p.letrachica
{
	color: #000000;
	font-size: 0.6em;
}
/**************** HEADER ************/
h1{
	text-decoration: none;
	font-family: Roboto, sans-serif;
	font-size: 1.6em;
}
h1.titulo_gris
{
	color: #8f8f8f;
}
h1.titulo_naranja
{
	color: #FFA500;
}
h2{
	text-decoration: none;
	font-family: Roboto, sans-serif;
	font-size: 1.4em;
}
h2.titulo_naranja
{
	color: #FFA500;
}
h2.titulo_negro
{
	color: #000000;
}
h2.titulo_gris
{
	color: #8f8f8f;
}
h3{
	text-decoration: none;
	font-size: 1.3em;
}
h3.titulo_naranja
{
	color: #FFA500;
}
h3.titulo_negro
{
	color: #000000;
}
h4{
	text-decoration: none;
	font-size: 1em;
}
h4.titulo_negro
{
	color: #000000;
}
/**************** SECCIONES ************/
div.gris_medio, div.gris_todo {
	background-color: #f0f0f0;
	border-radius: 8px;
	float:left;
	text-align: center;
	margin-bottom: 1em;
}
div.gris_medio {
	margin-left: 1em;
	padding: 1em;
}
div.gris_medio a {
	float : left;
	margin-right : 1em;
}
div.gris_todo
{
	width: 100%;
	height: auto;
	margin: 0.2em 0px 0.2em 0px;
}
div.main
{
	float: right; 
	width: 82%; 
	height: 75%;
}
/**************** TIPS-WARNINGS ************/
div.verde
{
	background: #EBFAEB;
	border:1px solid #2EB82E;
    padding:5px;
	border-radius: 8px;
	width: 99%; 
	height: auto;
	margin: 5px 0px 5px 0px;
}
div.amarillo
{
	background: #FFFAE6;
	border:1px solid #FFCC00;
    padding:5px;
	border-radius: 8px;
	width: 99%; 
	height: auto;
	margin: 5px 0px 5px 0px;
}
div.borde_gris
{
	background: #FFFFFF;
	border:1px solid #B8B8BE;
    padding:5px;
	border-radius: 8px;
	width: 95%; 
	height: auto;
	margin: 5px 0px 5px 0px;
}
/**************** TABLAS ************/
table, th, td
{
	font-size: 0.8em;
}
th
{
	height: 1.5em;
}
td li
{
	font-size: 0.8em;
}
td.centrar{
	text-align: center;
}
table.gris
{
	background-color: #f0f0f0;
	padding:3em;
	border-radius: 8px;
	margin-bottom: 1em;
	font-size: 1.2em;
}
table.gris tr{
	height: 190px;
}
table.gris td{
	width: 50%;
}
table.gris img{
	width: 50%;/*200px;*/
	height: auto;
}
table.gris_bordes
{
	background-color: #f0f0f0;
	width:90%;
	padding:3%;
	border: #000000 solid 1px;
	border-radius: 8px;
	margin-bottom: 1em;
}
td.gris_bordes
{
	border: #858585 solid 1px;
	padding: 0.2em;
}
td.gris_bordes li
{
	font-size: 1em;
}
/**************** LISTAS ************/
ul ol{
	margin-right: 0px;
	list-style: none;
	list-style-image: none;
    list-style-type: circle;
    float: left;
    width: 95%;
}
li
{
	margin-bottom: 0.2em;
	font-size: 1em;
}
/**************** LISTA-PERFIL ************/
ul.index_servoy {
	margin-right: 0px;
	list-style: none;
	list-style-image: url("../images/logo_servoy_solo.png");
    list-style-type: none;
}
ul.index_microfocus {
	margin-right: 0px;
	list-style: none;
	list-style-image: url("../images/logo_microfocus_chico.png");
    list-style-type: none;
}
/**************** FORMULARIO ************/
label {
    display: block;
    margin-top: 1.2em;
    letter-spacing: 1px;
	font-size: 0.8em;
}
.formulario {
    display: block;
    margin: 0 auto;
    width: 100%;
    color: #000000;
}
form {
    margin:0 auto;
    width:100%;
}
input, textarea {
    width: 20%;
    height: 1.1em;
    background: #FFFFFF;
    border: 0.1em solid #FFA500;
    padding: 10px;
    margin-top: 0.2em;
    font-size: 0.8em;
    color: #000000;
	border-radius: 8px;
}
textarea {
    height: 7em;
}
#submit{
    display: block;
    height: 3em;
    width: 8em;
    padding: 0.6em;
    margin-bottom: 0.2em;
    background: #FFA500;
    color: #FFFFFF;
    font-size: 0.8em;
	font-weight: bold;
	cursor:pointer;
	border-radius: 8px;
}
#submit:hover {
    color: #FFA500;
    background: #FFFFFF;
    border-right: 0.1em solid #FFA500;
}
#submit:active {
    background: #FFA500;
    color: #FFFFFF;
    border-right: 0.1em solid #CC7A00;
}
